之前有介紹過在HTML中影像的插入及基本處理
這次的文章內容主要的內容會是使用CSS處理影像的部分
影像尺寸
可以使用width與height來控制影像的尺寸
例如:
CSS
img.large{
width: 640px;
height: 480px;
}
HTML
<img scr="圖片位置"
class="large"
alt="flower" />
背景影像
background-image
這個屬性可以在HTML標籤背後加入影像
在預設值下背景影像會重複並填滿整個區域
使用方式如下:
指定的標籤{
background-image: url("圖片位置");
}
iThome鐵人賽
看影片追技術